<template>
	<div class="web_share">
		<ul>
			<li>
				<a @click="shareHandle($event, 'wx')" class="web_share_item"><img src="https://i2.hexun.com/2016/m/img/shair2.png" alt=""></a>
			</li>
			<li>
				<a @click="shareHandle($event, 'wxzone')" class="web_share_item"><img src="https://i3.hexun.com/2016/m/img/shair1.png" alt=""></a>
			</li>
			<li>
				<a @click="shareHandle($event, 'weibo')" class="web_share_item"><img src="https://i4.hexun.com/2016/m/img/shair4.png" alt=""></a>
			</li>
			<li>
				<a @click="shareHandle($event, 'qzone')" class="web_share_item"><img src="https://i4.hexun.com/2016/m/img/shair7.png" alt=""></a>
			</li>
		</ul>
    </div>
	</div>
</template>
<script>
	export default{
		name: "WebShare",
		props:["title", "desc", "url", "pic"],
		data: function(){
			return {
				share:{
					wx: "",
					wxzone: "",
					qzone: "",
					weibo: ""
				}
			}
		},
		methods:{
			shareHandle(e){
				
			}
		}
	}
</script>
<style lang="less">
	@base:23.44/1rem;
	@baseBF: 100/1%;
	.web_share{
		background-color: #fff;
		padding:20/@base 20/@base;
		ul{
			display:flex;
			li{
				width:@baseBF/4;
				text-align: center;
				line-height: 80/@base;
				a{
					&.web_share_item{
						display:block;
						width:60/@base;
						height:60/@base;
						margin:0 auto;
						img{
							width:100%;
						}
					}
				}
			}
		}
	}
</style>